<template>
  <div id="app">
    <!-- 路由占位符 -->
    <my-head></my-head>
    <router-view></router-view>
    <my-bottom></my-bottom>
  </div>
</template>

<script>
import Head from '../src/components/tabar/Head'
import Bottom from '../src/components/tabar/Bottom'
export default {
  name: 'app',
  components: {
    'my-bottom': Bottom,
    'my-head': Head
  }
}
</script>

<style>
#app {
  margin-top: 40px;
  margin-bottom: 50px;
}
</style>
